*{
    margin:0;
    padding:0;
}
a{
    text-decoration: none;
    color:#fff;
}
li{
    list-style:none;
}
body{
    font-family: arial, "Hiragino Sans GB", "Microsoft Yahei", "微软雅黑", "宋体", Tahoma, Arial, Helvetica, STHeiti;

}
header{
    width:100%;
    height:608px;
    position:relative;
    z-index: 2;
    #wrap{
        width:100%;
        height:50px;
        background:rgba(0,0,0,1);
            .logo{
            width:1200px;
            height:50px;
            background:rgba(0,0,0,1);
            margin:0 auto;
//          margin-left:50px;
            position:relative;
            left:0px;
            top:0;
            #lg{
                display:block;
                padding:8px 15px;
                font-size:0;
                float:left;
                h1{
                    width:84px;
                    height:34px;
                    background:url('http://res.alltuu.com/static/images/navbar-logo.png') no-repeat;
                    background-size:100% 100%;
                    
                }
            }
            #lg1{
                li{
                    float:left;
                    padding:16px 17px;
                    a{
                        font-size:13px;
                    }
                    &:hover{
                        background:rgba(0,0,0,0.1);
                    }
                }
            }
            input{
                width:150px;
                height:30px;
                margin:8px 15px;
                text-indent: 5px;
                float:right;
                transition:0.3s all ;
                outline: none;
            }
            #lg2{
                height:50px;
                float:right;
                li{
                    float:left;
                    padding:14px 0;
                    a{
                        font-size:12px;
                        padding:0 15px;
                    }
                }
            }
        }
    }
    
    #lb{
        width:100%;
        min-width: 1200px;
        height:608px;
        position:relative;
        top:-50px;
        z-index: -1;
        #lb1{
            width:100%;
            li{
               width:100%;
               height:608px;
               position:absolute;
               background-position: center center;
               
               opacity:0;
               transition:all 1s;
            }
        }
        #content{
            width:100%;
            margin:0 auto;
            text-align:center;
            position:absolute;
            top:178px;
            h1{
                font-size:100px;
                color:#fff;
                letter-spacing:20px;
                font-weight: 500;
                text-shadow: 0px 0px 30px #000;
            }
            ul{
                width:674px;
                height:40px;
                margin:0 auto;
                text-align:center;
                margin-top:20px;
                li{
                    float:left;
                    padding:0 20px;
                    color:#fff;
                    font-size:30px;
                    text-shadow: 0px 0px 30px #000;
                }
                span{
                    float:left;
                    line-height:42px;
                    color:#fff;
                    font-size:25px;
                }
            }
            div{
                width:560px;
                margin:0 auto;
                display:flex;
                justify-content: space-around;
                align-items:center;
                margin-top:60px;
                a{
//                  display: block;
                    width:150px;
                    border:2px solid #fff;
                    padding:10px 20px;
                    border-radius:25px;
                    font-size:20px;
                    transition:all 0.3s;
                    &:hover{
                        background:#0099E5;
                        border-color:#0099E5;
                    }
                }
                h2{
                    color:#fff;
                }
            }
        }
        #ball{
            position:absolute;
            bottom:5px;
            left:50%;
            margin-left:-60px;
            li{
                width:10px;
                height:10px;
                border-radius:50%;
                background:#fff;
                float:left;
                margin:0 10px;
            }
        }
    }
}
//黑幕的设置
#wai{
    width:100%;
    background:rgba(0,0,0,0.2);
    position:fixed;
    top:0;
    left:0;
    z-index: 50;
    display:none;
}
//内部登录注册的设置
#register{
    width:338px;
    height:382px;
    display:none;
    #phone,#pass{
        width:338px;
        height:50px;
        outline: none;
        text-indent: 10px;
        border-radius:2px;
        border:1px solid #ccc;
    }
    .dl{
        display:block;
        width:100%;
        line-height:50px;
        text-align:center;
        background:#0099E5;
        font-size:20px;
        color:#fff;
    }
    a{
        color:#C8CED3;
    }
    li{
        margin-bottom:10px;
    }
    li:nth-child(5){
        color:black;
        font-size:12px;
        display:flex;
        align-items:center;
        justify-content: space-between;
        span{
            display:flex;
            align-items:center;
        }
    }
    #link{
        width:100%;
        height:73px;
        border-top:1px solid black;
        margin-top:45px;
        display: flex;
        align-items: center;
        justify-content: space-around;
        position:relative;
        i{
            width:90px;
            position:absolute;
            left:50%;
            top:-12px;
            margin-left:-45px;
            font-size:14px;
            font-style: normal;
            background:#fff;
            color:black;
            text-align:center;
        }
    }
    #code,#cell,#pass1{
        width:100%;
        height:50px;
        outline: none;
        text-indent: 10px;
        border-radius:2px;
        border:1px solid #ccc;
    }
}
#cww{
    width:340px;
    height:480px;
    background:#fff;
    border:1px solid #eee;
    position:fixed;
    font-size:13px;
    left:50%;
    top:10%;
    z-index: 55;
    margin-left:-230px;
    color:#C8CED3;
    padding:30px 60px 20px;
    display:none;
    a{
        color:#C8CED3;
    }
    .ww{
        display:flex;
        align-items:center;
        margin-bottom:10px;
        .f1{
            font-size:20px;
            margin:0 5px;
        }
    }
}
#register1{
    width:338px;
    height:450px;
    display:none;
    #phone,#pass{
        width:338px;
        height:50px;
        outline: none;
        text-indent: 10px;
        border-radius:2px;
        border:1px solid #ccc;
    }
    .dl{
        display:block;
        width:100%;
        line-height:50px;
        text-align:center;
        background:#0099E5;
        font-size:20px;
        color:#fff;
    }
    a{
        color:#C8CED3;
    }
    li{
        margin-bottom:10px;
    }
    li:nth-child(5){
        color:black;
        font-size:12px;
        display:flex;
        align-items:center;
        justify-content: space-between;
        span{
            display:flex;
            align-items:center;
        }
    }
    #link{
        width:100%;
        height:73px;
        border-top:1px solid black;
        margin-top:45px;
        display: flex;
        align-items: center;
        justify-content: space-around;
        position:relative;
        i{
            width:90px;
            position:absolute;
            left:50%;
            top:-12px;
            margin-left:-45px;
            font-size:14px;
            font-style: normal;
            background:#fff;
            color:black;
            text-align:center;
        }
    }
    #code,#cell,#pass1{
        width:100%;
        height:50px;
        outline: none;
        text-indent: 10px;
        border-radius:2px;
        border:1px solid #ccc;
    }
    .aa1{
        display:inline-block;
        width:48%;
        line-height:40px;
        border-radius:2px;
        text-align:center;
        color:#0099E5;
        border:1px solid #0099E5;
    }
}

aside,#foot3{
    width:100%;
    #center{
        width:1200px;
        padding-top:70px;
        padding-bottom:30px;
        margin:0 auto;
        display:flex;
        align-items:center;
        justify-content: space-between;
       #div1{
            position:relative;
            height:21px;
            overflow: hidden;
            div{
                width:100%;
                height:42px;
                position:absolute;
                top:0;
                left:16px;
            }
       }
        
        .c1{
            margin-right:890px;
        }
        .c2{
            position:absolute;
            left:30px;
            top:0;
        }
        .c3{
            position:absolute;
            left:30px;
            top:40px;
        }
        p{
            float:right;
        }
    }
    
}


#tuijianxia{
    margin-top: 40px;
}
#tuijianxia h2{
    font-size: 26px;
    display: inline-block;
}
#tuijianxia span{
    margin-left: 30px;
    display: inline-block;
    width:20px;
    height:20px;
    font-size: 20px;
    /*border:1px solid black;*/
    text-align: center;
    line-height: 20px;
}
#tuijianxia b{
    margin-left: 10px;
    display:inline-block;
    position: relative;
    font-size: 20px;
    font-weight: 400;
    height:58px;
    line-height:98px;
    overflow: hidden;
}
#wai1{
    width:1200px;
    margin:0 auto;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    a{
        color:black;
        display: inline-block;
    }
    .a2{
        display: block;
        width:300px;
        line-height:50px;
        text-align:center;
        border:1px solid #0099e5;
        color:#0099e5;
        margin:0 auto;
        margin-top:50px;
        box-shadow: 0px 0px 5px #0099e5;
        transition:all 0.3s;
        &:hover{
            background:#0099E5;
            border-color:#0099E5;
            color:#fff;
        }
    }
    .chong{
        width:585px;
        display: inline-block;
        margin-top: 20px;
        height:208px;
        border:1px solid #ccc;
        
        .cshang{
            width: 551px;
            height:65px;
            padding:13px 19px;
            display:flex;
            justify-content: space-between;
            align-items:center;
            .cleft{
                width:176px;
                display:flex;
                justify-content: space-between;
            }
            img{
                border-radius: 50%;
            }
            .cright button{
                height:30px;
                width:80px;
                background: #0099E5;
                color: white;
                border:none;
                border-radius:5px;
            }
        }
    }
    .cxia{
        width:100%;
        height:60%;
    }
}


#foot1{
    width:1200px;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    .a1{
        width:285px;
        height:310px;
        display:block;
        position:relative;
        border:1px solid #eee;
        color:black;
        overflow: hidden;
        margin-top:30px;
        div{
            width:285px;
            height:213px;
            text-align:center;
            span{
                color:#ccc;
                font-size:12px;
            }
            span:nth-child(2){
                margin-left:70px;
            }
        }
        div:nth-child(2){
            padding:9px 6px;
            width:273px;
            background:#fff;
            position:absolute;
            top:220px;
            transition:all 0.5s;
        }
        p{
            line-height:65px;
            border-bottom:1px solid #ccc;
        }
        h5{
            line-height:45px;
        }
        ul{
            text-align:left;
            font-size:13px;
            li{
                line-height:25px;
            }
        }
    }
    .a1:nth-child(1){
        margin-top:0;
    }
    .a1:nth-child(2){
        margin-top:0;
    }
    .a1:nth-child(3){
        margin-top:0;
    }
    .a1:nth-child(4){
        margin-top:0;
    }
    .a2{
        display: block;
        width:300px;
        line-height:50px;
        text-align:center;
        border:1px solid #0099e5;
        color:#0099e5;
        margin:0 auto;
        margin-top:50px;
        box-shadow: 0px 0px 5px #0099e5;
        transition:all 0.3s;
        &:hover{
            background:#0099E5;
            border-color:#0099E5;
            color:#fff;
        }
    }
}

#foot2{
    width:100%;
    a{
        color:#0099E5;
    }
    #center2{
        width:1200px;
        padding-top:70px;
        padding-bottom:30px;
        margin:0 auto;
        display:flex;
        align-items:center;
        justify-content: space-between;
       #div1{
            position:relative;
            height:21px;
            overflow: hidden;
            div{
                width:100%;
                height:42px;
                position:absolute;
                top:0;
                left:16px;
            }
       }
        
        .c1{
            margin-right:890px;
        }
        .c2{
            position:absolute;
            left:30px;
            top:0;
        }
        .c3{
            position:absolute;
            left:30px;
            top:40px;
        }
        p{
            float:right;
        }
    }
    
}

#foot3{
    width:100%;
    a{
        color:#0099E5;
    }
    #center1{
        width:1200px;
        padding-top:70px;
        padding-bottom:30px;
        margin:0 auto;
        display:flex;
        align-items:center;
        justify-content: space-between;
       #div1{
            position:relative;
            height:21px;
            overflow: hidden;
            div{
                width:100%;
                height:42px;
                position:absolute;
                top:0;
                left:16px;
            }
       }
        
        .c1{
            margin-right:890px;
        }
        .c2{
            position:absolute;
            left:30px;
            top:0;
        }
        .c3{
            position:absolute;
            left:30px;
            top:40px;
        }
        p{
            float:right;
        }
    }
    
}

#picture{
    width:1200px;
    margin:0 auto;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    .car1{
        display:block;
        width:386px;
        height:400px;
        border:1px solid #eee;
    }
    .car1:nth-child(4),.car1:nth-child(5),.car1:nth-child(6){
        margin-top:30px;
    }
    div:nth-child(1){
        height:300px;
        position:relative;
        overflow: hidden;
        .src1{
            float:left;
            transition:all 0.3s;
            position:absolute;
            top:0;
        }
        ul{
            width:100%;
            transition:all 0.3s;
            height:101px;
            float:left;
            position:absolute;
            top:300px;
            li{
                float:left;
            }
        }
    }
    div:nth-child(2){
        width:366px;
        height:81px;
        padding:10px;
        color:#525558;
        p{
            font-size:20px;
        }
        u{
            text-decoration: none;
            font-size:13px;
            color:#AB96B4;
            line-height:50px;
            span{
                float:right;
            }
        }
    }
    .a2{
        display: block;
        width:280px;
        line-height:60px;
        text-align:center;
        border:1px solid #0099e5;
        color:#0099e5;
        margin:0 auto;
        margin-top:50px;
        box-shadow: 0px 0px 5px #0099e5;
        transition:all 0.3s;
        margin-bottom:100px;
        &:hover{
            background:#0099E5;
            border-color:#0099E5;
            color:#fff;
        }
    }
}

footer{
    width:100%;
    background:#333333;
    color:#76797F;
    p{
        width:1200px;
        margin:0 auto;
        text-align:center;
        font-size:12px;
        padding:10px 0 20px 0;
    }
    ul:nth-child(1){
        width:1200px;
        margin:0 auto;
        height:93px;
        line-height:93px;
        padding:0 36px;
        text-align:center;
        border-bottom:1px solid #76797F;
        li{
            display:inline-block;
            color:#76797f;
            a{
                color:#76797f;
                padding:0 15px;
                font-size:13px;
            }
        }
    }
    ul:nth-child(2){
        width:1070px;
        margin:0 auto;
        height:72px;
        line-height:30px;
        padding:10px 83px;
        border-bottom:1px solid #76797F;
        li{
            display:inline-block;
            color:#76797f;
            a{
                color:#76797f;
                padding:0 15px;
                font-size:12px;
                &:hover{
                    text-decoration: underline;
                }
            }
        }
    }
    
}
